﻿﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorate="~{theme/vCard/layout}">

<head></head>
<body>
<div layout:fragment="content">
	<div class="box box-content">
		<div class="pb-2">
			<h1 class="title title--h1 first-title title__separate">【[[${name}]]】 <small><a th:href="@{/categories/}" style="color:#807f83">[[${type}]]</a></small></h1>
		</div>

		<!-- Experience -->
		<div class="row">
			<div class="col-12">
				<div class="timeline">
					<div th:if="${pageInfo.total > 0}">
						<!-- Item -->
						<article class="timeline__item" th:each="post,iterStat : ${pageInfo.list}">
							<div class="timeline__description" style="margin-top: 0">
								<span class="timeline__period hidden-xs">[[${post.publishDate}]]</span>&nbsp;&nbsp;
								<a th:href="@{'/'+${post.link}}"><strong>[[${post.title}]]</strong></a>
							</div>
						</article>
					</div>
					<div class='archive-title' th:if="${pageInfo.total == 0}">
						<div style="text-align:center;">
							~~暂无数据~~
						</div>
					</div>
				</div>

				<br>
				<nav class="text-center" th:if="${type == '分类'}">
						<span th:if="${pageInfo.hasPreviousPage}" class="page">
							<a class="prev page-numbers" th:href="@{${pageInfo.pageNum-1} == 1 ? '/categories/' + ${name} + '/': '/categories/' + ${name} + '/page/' + ${pageInfo.pageNum-1}+'/'}" ><i class="fa fa-angle-left"></i></a>
						</span>
					<span th:each="pageNum : ${pageInfo.navigatepageNums}" class="page">
							<a th:if="${pageNum == pageInfo.pageNum}" href="javascript:void(0)" th:text="${pageNum}" class="page-numbers current"></a>
							<a th:if="${pageNum != pageInfo.pageNum}" th:href="@{${pageNum} == 1 ? '/categories/' + ${name} + '/': '/categories/' + ${name} + '/page/' + ${pageNum}+'/'}" th:text="${pageNum}" class="page-numbers hidden-xs"></a>
						</span>
					<span th:if="${pageInfo.hasNextPage}" class="page">
							<a class="next page-numbers" th:href="@{'/categories/' + ${name} + '/page/' +  ${pageInfo.pageNum+1}+'/'}" ><i class="fa fa-angle-right"></i></a>
						</span>
				</nav>
				<nav class="text-center" th:if="${type == '标签'}">
						<span th:if="${pageInfo.hasPreviousPage}" class="page">
							<a class="prev page-numbers" th:href="@{${pageInfo.pageNum-1} == 1 ? '/tags/' + ${name} + '/': '/tags/' + ${name} + '/page/' + ${pageInfo.pageNum-1}+'/'}" ><i class="fa fa-angle-left"></i></a>
						</span>
					<span th:each="pageNum : ${pageInfo.navigatepageNums}" class="page">
							<a th:if="${pageNum == pageInfo.pageNum}" href="javascript:void(0)" th:text="${pageNum}" class="page-numbers current"></a>
							<a th:if="${pageNum != pageInfo.pageNum}" th:href="@{${pageNum} == 1 ? '/tags/' + ${name} + '/': '/tags/' + ${name} + '/page/' + ${pageNum}+'/'}" th:text="${pageNum}" class="page-numbers hidden-xs"></a>
						</span>
					<span th:if="${pageInfo.hasNextPage}" class="page">
							<a class="next page-numbers" th:href="@{'/tags/' + ${name} + '/page/' +  ${pageInfo.pageNum+1}+'/'}" ><i class="fa fa-angle-right"></i></a>
						</span>
				</nav>
			</div>
		</div>

	</div>
</div>
</body>
</html>